<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Insert title here</title>
		<script type="text/javascript" src="/js/jquery/jquery-1.4.2.js"></script>
		<script type="text/javascript" src="/js/jquery/ajaxfileupload/ajaxfileupload.js"></script>
		<script type="text/javascript" src="/js/selectUtil.js"></script>
		<script type="text/javascript">
		
		JqajaxSelect.openDebug();
		
		function ajaxFileUpload(){
			
			
			$("#loading")
			.ajaxStart(function(){
				$(this).show();
				$("#uploadForm").hide();
			})//开始上传文件时显示一个图片
			.ajaxComplete(function(){
				$(this).hide();
			});//文件上传完成将图片隐藏起来
			
			$.ajaxFileUpload(
				{
					url:'/ajax/upload/saveSysFile.do',//用于文件上传的服务器端请求地址
					secureuri:false,//一般设置为false
					fileElementId:'file',//文件上传空间的id属性  <input type="file" id="file" name="file" />
					dataType: 'json',//返回值类型 一般设置为json
					/*
					* 服务器成功响应处理函数
					*/
					success: function (data, status){
						//JqajaxSelect.debug(data);//从服务器返回的json中取出message中的数据,其中message为在struts2中定义的成员变量
						JqajaxSelect.debug("状态："+status);//从服务器返回的json中取出message中的数据,其中message为在struts2中定义的成员变量
						//JqajaxSelect.debug(data.sysFileIds);//从服务器返回的json中取出message中的数据,其中message为在struts2中定义的成员变量
						
						// 成功，将返回SysFileId 作为隐藏标签
						
						$(data.sysFiles).each(function(index, item) {
							//JqajaxSelect.debug(item);
							//sysFiles 
							//$("#uploadResult").append(item.fileName+"("+item.createDate+")...上传成功<br>");
							$("#uploadResult").append(item.fileTitle+"("+item.fileSize+")...上传成功<br>");
							$("#uploadResult").append("<input type='hidden' name='sysFileIds' value='"+item.fileName+"'>");
							
						});
						
						
						JqajaxSelect.debug(data.actionerror);
						
						if(typeof(data.error) != 'undefined')
						{
							if(data.error != '')
							{
								JqajaxSelect.debug(data.error);
							}else
							{
								JqajaxSelect.debug(data.sysFiles);
							}
						}
					},
					/*
					*	服务器响应失败处理函数
					*/
					error: function (data, status, e){
						JqajaxSelect.debug(data.actionerror);
						JqajaxSelect.debug(data);
						JqajaxSelect.debug(status);
						JqajaxSelect.debug(e);
					}
				}
			);
			
			return false;
	
		}
	</script>
	</head>
	<body>
		<div id="error">
			<s:actionerror />
		</div>
		<div id="uploadMain">
			<div id="loading" style="display: none;">
				<img src="/js/jquery/ajaxfileupload/loading.gif" >
			</div>
			<!-- //end 文件上传加载图标 -->
			
			<div id="uploadForm">
				<input type="file" id="file" name="upload" />
				<br />
				<input type="button" value="上传" onclick="return ajaxFileUpload();">
			</div>
			<!-- //end 文件上传Form表单 -->
			
			<div id="uploadErrorTip">
			</div>
			<div id="uploadResult">
			</div>
			<!-- //end 文件上传返回结果 -->
		</div>
	</body>
</html>